<!doctype html>
	<head>
		<title>test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<style type="text/css">
			#gear1{
				width:85px;
				height:85px;
				background:url("images/g1.png") no-repeat;
				-webkit-animation-name:a;
				-webkit-animation-duration:10s;
				-moz-animation-name:a;
				-moz-animation-duration:10s;
			}

			.gear{
				-webkit-animation-timing-function:linear;
				-webkit-animation-iteration-count:infinite;

				-moz-animation-timing-function:linear;
				-moz-animation-iteration-count:infinite;
			}

			@-webkit-keyframes a{
				0%{
					-webkit-transform:rotate(0deg);
					-moz-transform:rotate(0deg);
					-ms-transform:rotate(0deg);		
				}
				100%{
					-webkit-transform:rotate(360deg);
					-moz-transform:rotate(360deg);
					-ms-transform:rotate(360deg);
				}
			}

			@-moz-keyframes a{
				0%{
					-webkit-transform:rotate(0deg);
					-moz-transform:rotate(0deg);
					-ms-transform:rotate(0deg);		
				}
				100%{
					-webkit-transform:rotate(360deg);
					-moz-transform:rotate(360deg);
					-ms-transform:rotate(360deg);
				}
			}

			#gear2{
				width:125px;
				height:125px;
				position:absolute;
				left:76px;
				top:23px;
				background:url("images/g2.png") no-repeat;
				-webkit-animation-name:b;
				-webkit-animation-duration:16.84s;
				-moz-animation-name:b;
				-moz-animation-duration:16.84s;
			}

			@-webkit-keyframes b{
				0%{
					-webkit-transform:rotate(360deg);
					-moz-transform:rotate(360deg);
					-ms-transform:rotate(360deg);
				}
				100%{
					-webkit-transform:rotate(0deg);
					-moz-transform:rotate(0deg);
					-ms-transform:rotate(0deg);	
				}
			}

			@-moz-keyframes b{
				0%{
					-webkit-transform:rotate(360deg);
					-moz-transform:rotate(360deg);
					-ms-transform:rotate(360deg);
				}
				100%{
					-webkit-transform:rotate(0deg);
					-moz-transform:rotate(0deg);
					-ms-transform:rotate(0deg);	
				}
			}
		</style>
	</head>
	<body>
		<div id="gear1" class="gear"></div>
		<div id="gear2" class="gear"></div>
	</body>
</html>